.m-t-5 {
  margin-top: 5rpx;
}

.m-t-10 {
  margin-top: 10rpx;
}

.m-t-15 {
  margin-top: 15rpx;
}

.m-t-20 {
  margin-top: 20rpx;
}

.m-t-25 {
  margin-top: 25rpx;
}

.m-t-30 {
  margin-top: 30rpx;
}

.m-t-35 {
  margin-top: 35rpx;
}

.m-t-40 {
  margin-top: 40rpx;
}

.m-t-45 {
  margin-top: 45rpx;
}

.m-t-50 {
  margin-top: 50rpx;
}

.m-t-55 {
  margin-top: 55rpx;
}

.m-t-60 {
  margin-top: 60rpx;
}

.m-t-70 {
  margin-top: 70rpx;
}

.m-t-80 {
  margin-top: 80rpx;
}

.m-b-5 {
  margin-bottom: 5rpx;
}

.m-b-10 {
  margin-bottom: 10rpx;
}

.m-b-15 {
  margin-bottom: 15rpx;
}

.m-b-20 {
  margin-bottom: 20rpx;
}

.m-b-25 {
  margin-bottom: 25rpx;
}

.m-b-30 {
  margin-bottom: 30rpx;
}

.m-b-35 {
  margin-bottom: 35rpx;
}

.m-b-40 {
  margin-bottom: 40rpx;
}

.m-b-45 {
  margin-bottom: 45rpx;
}

.m-b-50 {
  margin-bottom: 50rpx;
}

.m-b-55 {
  margin-bottom: 55rpx;
}

.m-b-60 {
  margin-bottom: 60rpx;
}

.m-l-5 {
  margin-left: 5rpx;
}

.m-l-10 {
  margin-left: 10rpx;
}

.m-l-15 {
  margin-left: 15rpx;
}

.m-l-20 {
  margin-left: 20rpx;
}

.m-l-25 {
  margin-left: 25rpx;
}

.m-l-30 {
  margin-left: 30rpx;
}

.m-l-35 {
  margin-left: 35rpx;
}

.m-l-40 {
  margin-left: 40rpx;
}

.m-l-45 {
  margin-left: 45rpx;
}

.m-l-50 {
  margin-left: 50rpx;
}

.m-l-55 {
  margin-left: 55rpx;
}

.m-l-60 {
  margin-left: 60rpx;
}

.m-r-5 {
  margin-right: 5rpx;
}

.m-r-10 {
  margin-right: 10rpx;
}

.m-r-15 {
  margin-right: 15rpx;
}

.m-r-20 {
  margin-right: 20rpx;
}

.m-r-25 {
  margin-right: 25rpx;
}

.m-r-30 {
  margin-right: 30rpx;
}

.m-r-35 {
  margin-right: 35rpx;
}

.m-r-40 {
  margin-right: 40rpx;
}

.m-r-45 {
  margin-right: 45rpx;
}

.m-r-50 {
  margin-right: 50rpx;
}

.m-r-55 {
  margin-right: 55rpx;
}

.m-r-60 {
  margin-right: 60rpx;
}

.m-tb-5 {
  margin-top: 5rpx;
  margin-bottom: 5rpx;
}

.m-tb-10 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.m-tb-15 {
  margin-top: 15rpx;
  margin-bottom: 15rpx;
}

.m-tb-20 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.m-tb-25 {
  margin-top: 25rpx;
  margin-bottom: 25rpx;
}

.m-tb-30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}

.m-tb-35 {
  margin-top: 35rpx;
  margin-bottom: 35rpx;
}

.m-tb-40 {
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}

.m-tb-45 {
  margin-top: 45rpx;
  margin-bottom: 45rpx;
}

.m-tb-50 {
  margin-top: 50rpx;
  margin-bottom: 50rpx;
}

.m-tb-55 {
  margin-top: 55rpx;
  margin-bottom: 55rpx;
}

.m-tb-60 {
  margin-top: 60rpx;
  margin-bottom: 60rpx;
}

.m-lr-5 {
  margin-left: 5rpx;
  margin-right: 5rpx;
}

.m-lr-10 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}

.m-lr-15 {
  margin-left: 15rpx;
  margin-right: 15rpx;
}

.m-lr-20 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}

.m-lr-25 {
  margin-left: 25rpx;
  margin-right: 25rpx;
}

.m-lr-30 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.m-lr-35 {
  margin-left: 35rpx;
  margin-right: 35rpx;
}

.m-lr-40 {
  margin-left: 40rpx;
  margin-right: 40rpx;
}

.m-lr-45 {
  margin-left: 45rpx;
  margin-right: 45rpx;
}

.m-lr-50 {
  margin-left: 50rpx;
  margin-right: 50rpx;
}

.m-lr-55 {
  margin-left: 55rpx;
  margin-right: 55rpx;
}

.m-lr-60 {
  margin-left: 60rpx;
  margin-right: 60rpx;
}

.p-t-5 {
  padding-top: 5rpx;
}

.p-t-10 {
  padding-top: 10rpx;
}

.p-t-15 {
  padding-top: 15rpx;
}

.p-t-20 {
  padding-top: 20rpx;
}

.p-t-25 {
  padding-top: 25rpx;
}

.p-t-30 {
  padding-top: 30rpx;
}

.p-t-35 {
  padding-top: 35rpx;
}

.p-t-40 {
  padding-top: 40rpx;
}

.p-t-45 {
  padding-top: 45rpx;
}

.p-t-50 {
  padding-top: 50rpx;
}

.p-t-55 {
  padding-top: 55rpx;
}

.p-t-60 {
  padding-top: 60rpx;
}

.p-b-5 {
  padding-bottom: 5rpx;
}

.p-b-10 {
  padding-bottom: 10rpx;
}

.p-b-15 {
  padding-bottom: 15rpx;
}

.p-b-20 {
  padding-bottom: 20rpx;
}

.p-b-25 {
  padding-bottom: 25rpx;
}

.p-b-30 {
  padding-bottom: 30rpx;
}

.p-b-35 {
  padding-bottom: 35rpx;
}

.p-b-40 {
  padding-bottom: 40rpx;
}

.p-b-45 {
  padding-bottom: 45rpx;
}

.p-b-50 {
  padding-bottom: 50rpx;
}

.p-b-55 {
  padding-bottom: 55rpx;
}

.p-b-60 {
  padding-bottom: 60rpx;
}

.p-l-5 {
  padding-left: 5rpx;
}

.p-l-10 {
  padding-left: 10rpx;
}

.p-l-15 {
  padding-left: 15rpx;
}

.p-l-20 {
  padding-left: 20rpx;
}

.p-l-25 {
  padding-left: 25rpx;
}

.p-l-30 {
  padding-left: 30rpx;
}

.p-l-35 {
  padding-left: 35rpx;
}

.p-l-40 {
  padding-left: 40rpx;
}

.p-l-45 {
  padding-left: 45rpx;
}

.p-l-50 {
  padding-left: 50rpx;
}

.p-l-55 {
  padding-left: 55rpx;
}

.p-l-60 {
  padding-left: 60rpx;
}

.p-r-5 {
  padding-right: 5rpx;
}

.p-r-10 {
  padding-right: 10rpx;
}

.p-r-15 {
  padding-right: 15rpx;
}

.p-r-20 {
  padding-right: 20rpx;
}

.p-r-25 {
  padding-right: 25rpx;
}

.p-r-30 {
  padding-right: 30rpx;
}

.p-r-35 {
  padding-right: 35rpx;
}

.p-r-40 {
  padding-right: 40rpx;
}

.p-r-45 {
  padding-right: 45rpx;
}

.p-r-50 {
  padding-right: 50rpx;
}

.p-r-55 {
  padding-right: 55rpx;
}

.p-r-60 {
  padding-right: 60rpx;
}

.p-tb-5 {
  padding-top: 5rpx;
  padding-bottom: 5rpx;
}

.p-tb-10 {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}

.p-tb-15 {
  padding-top: 15rpx;
  padding-bottom: 15rpx;
}

.p-tb-20 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.p-tb-25 {
  padding-top: 25rpx;
  padding-bottom: 25rpx;
}

.p-tb-30 {
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}

.p-tb-35 {
  padding-top: 35rpx;
  padding-bottom: 35rpx;
}

.p-tb-40 {
  padding-top: 40rpx;
  padding-bottom: 40rpx;
}

.p-tb-45 {
  padding-top: 45rpx;
  padding-bottom: 45rpx;
}

.p-tb-50 {
  padding-top: 50rpx;
  padding-bottom: 50rpx;
}

.p-tb-55 {
  padding-top: 55rpx;
  padding-bottom: 55rpx;
}

.p-tb-60 {
  padding-top: 60rpx;
  padding-bottom: 60rpx;
}

.p-lr-5 {
  padding-left: 5rpx;
  padding-right: 5rpx;
}

.p-lr-10 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.p-lr-15 {
  padding-left: 15rpx;
  padding-right: 15rpx;
}

.p-lr-20 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}

.p-lr-25 {
  padding-left: 25rpx;
  padding-right: 25rpx;
}

.p-lr-30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.p-lr-35 {
  padding-left: 35rpx;
  padding-right: 35rpx;
}

.p-lr-40 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}

.p-lr-45 {
  padding-left: 45rpx;
  padding-right: 45rpx;
}

.p-lr-50 {
  padding-left: 50rpx;
  padding-right: 50rpx;
}

.p-lr-55 {
  padding-left: 55rpx;
  padding-right: 55rpx;
}

.p-lr-60 {
  padding-left: 60rpx;
  padding-right: 60rpx;
}

.p-lr-80 {
  padding-left: 80rpx;
  padding-right: 80rpx;
}

.p-5 {
  padding: 5rpx;
}

.p-10 {
  padding: 10rpx;
}

.p-15 {
  padding: 15rpx;
}

.p-20 {
  padding: 20rpx;
}

.p-25 {
  padding: 25rpx;
}

.p-30 {
  padding: 30rpx;
}

.p-35 {
  padding: 35rpx;
}

.p-40 {
  padding: 40rpx;
}

.p-45 {
  padding: 45rpx;
}

.p-50 {
  padding: 50rpx;
}

.p-55 {
  padding: 55rpx;
}

.p-60 {
  padding: 60rpx;
}

.fs-12 {
  font-size: 12rpx;
}

.fs-14 {
  font-size: 14rpx;
}

.fs-16 {
  font-size: 16rpx;
}

.fs-18 {
  font-size: 18rpx;
}

.fs-20 {
  font-size: 20rpx;
}

.fs-22 {
  font-size: 22rpx;
}

.fs-24 {
  font-size: 24rpx;
}

.fs-26 {
  font-size: 26rpx;
}

.fs-28 {
  font-size: 28rpx;
}

.fs-30 {
  font-size: 30rpx;
}

.fs-32 {
  font-size: 32rpx;
}

.fs-34 {
  font-size: 34rpx;
}

.fs-36 {
  font-size: 36rpx;
}

.fs-38 {
  font-size: 38rpx;
}

.fs-40 {
  font-size: 40rpx;
}

.fs-42 {
  font-size: 42rpx;
}

.fs-44 {
  font-size: 44rpx;
}

.fs-46 {
  font-size: 46rpx;
}

.fs-48 {
  font-size: 48rpx;
}

.lh-36 {
  line-height: 36rpx;
}

.lh-42 {
  line-height: 42rpx;
}

.lh-48 {
  line-height: 48rpx;
}

.lh-54 {
  line-height: 54rpx;
}

.lh-60 {
  line-height: 60rpx;
}

.lh-66 {
  line-height: 66rpx;
}

.lh-72 {
  line-height: 72rpx;
}

.lh-78 {
  line-height: 78rpx;
}

.lh-84 {
  line-height: 84rpx;
}

.lh-90 {
  line-height: 90rpx;
}

.lh-96 {
  line-height: 96rpx;
}

.br-10 {
  border-radius: 10rpx;
}

.br-20 {
  border-radius: 20rpx;
}

.br-30 {
  border-radius: 30rpx;
}

.br-40 {
  border-radius: 40rpx;
}

.br-50 {
  border-radius: 50%;
}

.m-l-auto {
  margin-left: auto;
}

.m-r-auto {
  margin-right: auto;
}

.m-lr-auto {
  margin-left: auto;
  margin-right: auto;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.h-100 {
  height: 100%;
}

.full-image {
  height: 100%;
  width: 100%;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.f-col {
  display: flex;
  flex-direction: column;
}

.f-col-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.f-col-c {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.f-col-end {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: center;
}

.align-center {
  align-items: center;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ovh {
  overflow: hidden;
}

.c-3 {
  color: #333;
}

.c-6 {
  color: #666;
}

.c-9 {
  color: #999;
}

.c-f {
  color: #fff;
}

.c-primary {
  color: #1a1617;
}

.tc {
  text-align: center;
}

.tr {
  text-align: right;
}

.tb {
  font-weight: bold;
}

.primary-bgc {
  background-color: #1a1617;
}

.white-bgc {
  background-color: #fff;
}

.primary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #1a1617;
  border-radius: 50rpx;
  text-align: center;

  &:active {
    background-color: #464646;
  }
}

.avatar {
  border-radius: 50%;
}

.line-through {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.absolute-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.fixed {
  position: fixed;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}